.deliveryorder {
  width: 100%;
  height: 100%;

  .nav {
    width: 100%;
    height: 40px;
    background: red;
    color: #40454f;
    line-height: 40px;
    font-size: 16px;
    display: flex;
    align-items: center;

    .icon {
      width: 6px;
      height: 22px;
      background-color: #3478f6;
      border-radius: 5px;
      // margin-left: 10px;
      margin-right: 10px;
    }
  }

  .search {
    width: 100%;
    height: calc(30% - 20px);
    background: yellow;
    box-sizing: border-box;

    .ordertype {
      width: 100%;
      height: 35px;
      // background: red;
      color: rgba(153, 153, 153, 1);
      display: flex;
      list-style: none;
      align-items: center;

      li {
        margin-right: 30px;
      }
    }

    .select_div {
      width: 100%;
      height: calc(100% - 35px);
      background: #ffffff;
      // background: red;
      display: flex;
      flex-wrap: wrap;
      align-content: space-between;
      justify-content: space-between;

      .search_item {
        height: 35px;
        width: 24%;
        line-height: 35px;
        background: #ebecef;
        padding-left: 10px;
        color: rgba(153, 153, 153, 1);
        display: flex;

        .biao {
          width: 60px;
          text-wrap: nowrap;
        }

        input {
          flex: 1;
          border: none;
          outline: none;
          background: none;
          text-indent: 10px;
        }

        select {
          flex: 1;
          border: none;
          outline: none;
          background: none;
          text-indent: 10px;
        }
      }

      .search_item2 {
        height: 35px;
        width: 24%;
        line-height: 35px;
        padding-left: 10px;
        display: flex;
        flex-wrap: nowrap;

        button {
          width: 60px;
          height: 35px;
          border: 1px solid rgb(#4d8ef6);
          background: none;
          border-radius: 17.5px;
          cursor: pointer;
          text-wrap: nowrap;
        }

        span {
          color: rgba(153, 153, 153, 1);
          margin-left: 10px;
          cursor: pointer;
          text-wrap: nowrap;
        }

      }
    }

  }

  .content {
    width: 100%;
    height: calc(70% - 20px);

    .table {
      margin-top: 10px;
      box-sizing: border-box;
      width: 100%;
      height: 40px;
      background: red;
      display: flex;
      align-items: center;
      background: #c7d8f3;
      text-align: center;
      font-size: 15px;
      font-weight: 600;
      .shopname{
        flex: 4;
      }
      .shouhuoname{
        flex: 1;
      }
      .peisong{
        flex: 1;
      }
      .yingfukuan{
        flex: 1;
      }
      .shouhou{
        flex: 1;
      }
      .status{
        flex: 1;
      }
      .caozuo{
        flex: 1;
      }

    }

    .shopcontent {
      width: 100%;
      height: calc(100% - 90px);
      padding-top: 10px;
      box-sizing: border-box;
      background: red;
      box-sizing: border-box;
      overflow: auto;
      .shopcontent_item{
        width: 100%;
        background: orange;
        .dingdandail{
          width: 100%;
          height: 30px;
          line-height: 30px;
          background: yellow;
          padding-left: 5px;
          display: flex;
          align-items: center;
          .spandiv{
            flex: 4;
            display: flex;
            align-items: center;
            justify-content: space-between;
          }
          .dizhi{
            flex: 6;
            padding-left: 80px;
            box-sizing: border-box;
          }
        }
        .shopcontent_item_content{
          width: 100%;
          background: palegreen;
          display: flex;
          .shop_left{
            flex: 4;
            box-sizing: border-box;
            background: gold;
            padding-right: 5px;
            padding-bottom: 5px;
            .shopbox{
              width: 100%;
              height: 50px;
              margin-top: 5px;
              padding-left: 5px;
              display: flex;
              align-items: center;
              justify-content: space-between;
             
              .shop_introduce{
                display: flex;
                align-items: center;
                .miao{
                  display: flex;
                  flex-direction: column;
                  justify-content: baseline;
                  margin-left: 10px;
                }
              
              }
              .shop_price{
                display: flex;
                flex-direction: column;
                align-items: center;
                flex-wrap: nowrap;
              }
            }
          }
          .shop_shou{
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
          }
          .shop_pei{
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
          }
          .shop_ying{
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
          }
          .shop_shou{
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
          }
          .shop_jiao{
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
          }
          .shop_cao{
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
          }
        }
      }
    }

    .page {
      width: 100%;
      height: 40px;
      background: pink;
    }
  }
}